<%@ page language="java" contentType="text/html; charset=UTF-8"%>
 <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<%
	String path = request.getContextPath();
	String basepath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

		<link rel="stylesheet" type="text/css"
			href="<%=basepath%>admin/flexigrid/css/flexigrid_gray.css">
		<link rel="stylesheet" type="text/css"
			href="<%=basepath%>admin/flexigrid/jqModal/css/jqModal_gray.css">
		<script type="text/javascript" src="<%=basepath%>admin/flexigrid/jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="<%=basepath%>admin/flexigrid/flexigrid.js"></script>
		<script type="text/javascript" src="<%=basepath%>admin/flexigrid/jqModal/dimensions.js"></script>
		<script type="text/javascript" src="<%=basepath%>admin/flexigrid/jqModal/jqDnR.js"></script>
		<script type="text/javascript" src="<%=basepath%>admin/flexigrid/jqModal/jqModal.js"></script>
		<!-- 时间js -->
		<link rel="stylesheet" type="text/css" href="<%=basepath%>admin/Zhuanjia/calendar/GooCalendar.css"/>

<script  type="text/javascript" src="<%=basepath%>admin/Zhuanjia/calendar/GooFunc.js"></script>
<script  type="text/javascript" src="<%=basepath%>admin/Zhuanjia/calendar/GooCalendar.js"></script>
		<!-- jquery 特效 -->
	
<link rel="stylesheet" type="text/css" href="<%=basepath %>admin/test/css/easyui.css"/>

	<script type="text/javascript" src="<%=basepath %>admin/test/js/jquery.easyui.min.js"></script>
	<link rel="stylesheet" type="text/css" href="<%=basepath %>admin/test/css/icon.css"/>
	<script type="text/javascript">
	function search()
	{
	    var start=$('#start').val();
	    var end=$('#end').val();
	    window.location.href="<%=basepath%>flextj05yuyueAction?start="+start+"&end="+end;
	}
	</script>
	<!-- 日历 -->
	<script type="text/javascript">
var property2={
	divId:"demo2",//日历控件最外层DIV的ID
	needTime:true,//是否需要显示精确到秒的时间选择器，即输出时间中是否需要精确到小时：分：秒 默认为FALSE可不填
	yearRange:[1970,2030],//可选年份的范围,数组第一个为开始年份，第二个为结束年份,如[1970,2030],可不填
	week:['Su','Mo','Tu','We','Th','Fr','Sa'],//数组，设定了周日至周六的显示格式,可不填
	month:['January','February','March','April','May','June','July','August','September','October','November','December'],//数组，设定了12个月份的显示格式,可不填
	format:"yyyy-MM-dd hh:mm:ss"
};

$(document).ready(function(){
	canva1=$.createGooCalendar("start",property2);
	canva2=$.createGooCalendar("end",property2);
	
});
</script>
	</head>
	<body>
	<div style="padding-bottom: 10px;">
	 开始时间:
<input type="text" value="" id="start" name="start"/>
	结束时间 :
<input type="text" value="" id="end" name="end"/>

    <a href="javascript:search();" class="l-btn l-btn-plain" icon="icon-search" style="width: 100px;">查询</a>
   </div>
	       <table id="flex1" style="display: none">
	      <c:forEach items="${flexyys}" var="k">
		<tr>
		    <td  height="31" class="STYLE7"><div align="left" class="STYLE7">${k.hospital.syscode.name }</div></td>
            <td  height="31" class="STYLE7"><div align="left" class="STYLE7">${k.id }</div></td>
            <td  class="STYLE7"><div align="left" class="STYLE7">${k.hospital.name}</div></td>
            <td ><div align="left" class="STYLE7">${k.telcount }</div></td>
            <td  class="STYLE7"><div align="left" class="STYLE7">${k.netcount }</div></td>
            <td ><div align="left" class="STYLE7">&nbsp;${k.yyqh }</div></td>
            <td ><div align="left" class="STYLE7">&nbsp;${k.yyjz }</div></td>
            <td ><div align="left" class="STYLE7">&nbsp;${(k.telcount+k.netcount+k.yyqh+k.yyjz)*100/k.hospital.yuyue }%</div></td>
            <td ><div align="left" class="STYLE7">&nbsp;${k.hmy}</div></td>
            <td ><div align="left" class="STYLE7">&nbsp;${k.my }</div></td>
            <td ><div align="left" class="STYLE7">&nbsp;${k.bmy }</div></td>
          </tr>
	</c:forEach>
		
	       </table>   
        <script type="text/javascript">   
            $("#flex1").flexigrid    
            (    
            {    
            url: '',    
            dataType: 'json',    
             colModel : [
		        {display:'区域',name:'id',width:50,sortable:true,align:'center'},
		        { display : '序号', name : 'yisheng',width : 100,sortable : true,align : 'center'}, 
		        { display : '医院名称', name : 'user',width : 100,sortable : true,align : 'center'}, 
		        { display : '电话预约投诉(人次)', name : 'jztime',width : 100,sortable : true,align : 'center'}, 
		        { display : '网络预约投诉(人次)', name : 'sex',width : 50,sortable : true,align : 'center'},  
		        { display : '医院取号投诉(人次)', name : 'age',width : 50,sortable : true,align : 'center'}, 
		        { display : '医院就诊投诉(人次)', name : 'age',width : 50,sortable : true,align : 'center'},  
		        { display : '投诉率', name : 'jznum',width : 100,sortable : true,align : 'center'},  
		        { display : '医院就诊满意度(很满意)', name : 'cost',width : 80,sortable : true,align : 'center'}, 
		        { display : '医院就诊满意度(满意)', name : 'shenfen',width : 100,sortable : true,align : 'center'}, 
		        { display : '医院就诊满意度(不满意)', name : 'telphone',width : 100,sortable : true,align : 'center'}
		            ],    
            
             
                usepager: false,  
                title: '综合统计',
                useRp: true,  
                page:1,//默认当前页
		        total:1,//总页数
		        rp : 15,//每页默认的结果数
		        rpOptions:[5,10,15,20,25,30,50,100],
		        procmsg:'正在处理,请等待......',
		        nomsg:'没有数据',
		        hideOnSubmit:true,//隐藏提交
		        autoload:false,//自动加载
		        resizable: true, //是否可伸缩   
		        nowrap: false, //是否不换行 
		        blockOpacity:0.5,//透明度设置  
             checkbox : false,// 是否要多选框  
             query:'',//搜索查询的条件   
             qtype:'',//搜索查询的类别  
            showTableToggleBtn: true,    
            width: 1080,    
            height: 400    
            }    
            );    
                
            function test(com,grid)    
            {    
                if (com=='Delete')    
                    {    
                        confirm('Delete ' + $('.trSelected',grid).length + ' items?')    
                    }    
                else if (com=='Add')    
                    {    
                        alert('Add New Item');    
                    }               
            }    
   
        </script> 

	</body>
</html>
